.buton-1
    {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        background: #BDBDBD;

        min-width: 80px;
        height: 35px;
        padding: 0 15px;

        border: none;
        border-radius: 4px;

        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-size: 14px;
        font-weight: 500;
        line-height: 1;
        

        cursor: pointer; 
        text-decoration: none;

        transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease, font-size 0.1s ease, opacity 0.2s ease;
        user-select: none;

        -webkit-user-select: none; 
        -moz-user-select: none;  
        -webkit-tap-highlight-color: transparent; 
    }

.buton-1:hover
    {
        background: #FBFBFB !important;
        box-shadow: 0 4px 8px #9E9E9E;
        
    }


.buton-1:active
    {
        transform: scale(0.98); 
        font-size: 14px !important;
        outline: none;
        border: none;
    }


.buton-1:focus 
    {
        outline: none;
        font-size: 14px;
    }

.buton-1:disabled
    {
        background-color: #cccccc !important;
        color: #666666 !important;
        cursor: not-allowed;
        box-shadow: none;
        transform: none;
        font-size: 14px;
        opacity: 0.7;
    }